<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<f:metadata>
	<f:event listener="#{depositAccountTransferFundsManageBean.onLoad}"
		type="preRenderView"></f:event>
</f:metadata>
<h:body>
	<ui:param name="root" value="#{request.contextPath}" />
	<ui:composition template="/Group2/masterPage.xhtml">
		<ui:define name="content">
			<!-- start content -->
			<div id="content">


				<div id="page-heading">
					<h1 style="margin-left: 490px">
						Transfer Money From Account
						<h:outputText
							value="#{depositAccountTransferFundsManageBean.senderAccount.accountNumber}" />
					</h1>
				</div>


				<table border="0" width="100%" cellpadding="0" cellspacing="0"
					id="content-table">
					<tr>
						<th rowspan="3" class="sized"><h:graphicImage
								library="group2" name="images/shared/side_shadowleft.jpg"
								width="20" height="300" alt="" /></th>
						<th class="topleft"></th>
						<td id="tbl-border-top">&nbsp;</td>
						<th class="topright"></th>
						<th rowspan="3" class="sized"><h:graphicImage
								library="group2" name="images/shared/side_shadowright.jpg"
								width="20" height="300" alt="" /></th>
					</tr>
					<tr>
						<td id="tbl-border-left"></td>
						<td>
							<!--  start content-table-inner -->
							<div id="content-table-inner">
								<h:messages style="color:red" />
								<h:form>
									<table border="0" width="100%" cellpadding="0" cellspacing="0">
										<tr valign="top">
											<!--  start step-holder -->
											<div id="step-holder">
												<div class="step-no">1</div>
												<div class="step-light-left">
													<a href="#">Transfer Money</a>
												</div>
												<div class="step-light-right">&nbsp;</div>
												<div class="step-no-off">2</div>
												<div class="step-dark-left">Confirm Transaction</div>
												<div class="step-dark-right">&nbsp;</div>
												<div class="step-no-off">3</div>
												<div class="step-light-left">Done</div>
												<div class="step-light-round">&nbsp;</div>
												<div class="clear"></div>
											</div>
											<!--  end step-holder -->
											<td style="width: 400px">
												<h1 style="margin-bottom: 10px;">Receiver Info</h1> <!-- start id-form -->
												<table border="0" cellpadding="0" cellspacing="0"
													id="id-form">
													<tr>
														<th valign="top" style="">Account Number:</th>
														<td><h:outputText
																value="#{depositAccountTransferFundsManageBean.receiverAccount.accountNumber}" /></td>
														<td></td>
													</tr>

													<tr>
														<th valign="top">ID Card Number:</th>
														<td><h:outputText
																value="#{depositAccountTransferFundsManageBean.receiver.idCardNumber}" /></td>
														<td></td>
													</tr>

													<tr>
														<th valign="top">Customer Name:</th>
														<td><h:outputText
																value="#{depositAccountTransferFundsManageBean.receiver.lastName}" /></td>
														<td></td>
													</tr>

													<tr>
														<th valign="top">Current Balance:</th>
														<td><h:outputText
																value="#{depositAccountTransferFundsManageBean.receiverAccount.accountBalance}">
																<f:convertNumber pattern="#,###,##0.00" />
															</h:outputText></td>
														<td></td>
													</tr>

													<tr>
														<th valign="top">Receive Money:</th>
														<td><h:outputText
																value="#{depositAccountTransferFundsManageBean.transferAmount}">
																<f:convertNumber pattern="#,###,##0.00" />
															</h:outputText></td>
														<td></td>
													</tr>

													<tr>
														<th valign="top">Balance After:</th>
														<td><h:outputText
																value="#{depositAccountTransferFundsManageBean.receiverBalanceAfter}">
																<f:convertNumber pattern="#,###,##0.00" />
															</h:outputText></td>
														<td></td>
													</tr>

												</table> <!-- end id-form  -->

											</td>
											<td>

												<h1 style="margin-bottom: 10px;">Sender Info</h1>
												<table border="0" cellpadding="0" cellspacing="0"
													id="id-form">
													<tbody>
														<tr>
															<th valign="top" style="">Account Number:</th>
															<td><h:outputText
																	value="#{depositAccountTransferFundsManageBean.senderAccount.accountNumber}" /></td>
															<td></td>
														</tr>

														<tr>
															<th valign="top">ID Card Number:</th>
															<td><h:outputText
																	value="#{depositAccountTransferFundsManageBean.sender.idCardNumber}" /></td>
															<td></td>
														</tr>

														<tr>
															<th valign="top">Customer Name:</th>
															<td><h:outputText
																	value="#{depositAccountTransferFundsManageBean.sender.lastName}" /></td>
															<td></td>
														</tr>

														<tr>
															<th valign="top">Current Balance:</th>
															<td><h:outputText
																	value="#{depositAccountTransferFundsManageBean.senderAccount.accountBalance}">
																	<f:convertNumber pattern="#,###,##0.00" />
																</h:outputText></td>
															<td></td>
														</tr>

														<tr>
															<th valign="top">Money Transfer:</th>
															<td><h:outputText
																	value="#{depositAccountTransferFundsManageBean.transferAmount}">
																	<f:convertNumber pattern="#,###,##0.00" />
																</h:outputText></td>
															<td></td>
														</tr>

														<tr>
															<th valign="top">Balance After:</th>
															<td><h:outputText
																	value="#{depositAccountTransferFundsManageBean.senderBalanceAfter}">
																	<f:convertNumber pattern="#,###,##0.00" />
																</h:outputText></td>
															<td></td>
														</tr>
														<tr>
															<th>&nbsp;</th>
															<td valign="top"><h:commandButton
																	action="#{depositAccountTransferFundsManageBean.completeTransfer}"
																	class="form-submit" /> 
															<h:commandButton action="transferFund?faces-redirect=true" class="form-reset" />	
																	</td>
															<td></td>
														</tr>

													</tbody>
												</table>


											</td>
										</tr>
										<tr>
											<td><h:graphicImage library="group2"
													name="images/shared/blank.gif" width="695" height="1"
													alt="blank" /></td>
											<td></td>
										</tr>
									</table>
								</h:form>
								<div class="clear"></div>


							</div> <!--  end content-table-inner  -->
						</td>
						<td id="tbl-border-right"></td>
					</tr>
					<tr>
						<th class="sized bottomleft"></th>
						<td id="tbl-border-bottom">&nbsp;</td>
						<th class="sized bottomright"></th>
					</tr>
				</table>


				<div class="clear">&nbsp;</div>

			</div>
			<!--  end content -->
			<div class="clear">&nbsp;</div>
		</ui:define>
	</ui:composition>

</h:body>
</html>
